<template>
    <div class='register'>
        <div class='head'>
            <p class='title-icon'>
            	<a class='iconfont icon-jiantouzuo' href="javascript:history.go(-1)"></a>
            </p>
            <p class='title-text'>注册</p>
            <p class="title-null"></p>
        </div>
        <div class='info-box'>
        	<div class="info-txt">
        		<p class="info-name">
        			<span class="info-name-text">姓名：</span>
        			<input class="info-name-ipt" type="text" placeholder='请输入真实姓名' />
        		</p>
        		<p class="info-addr">
        			<span class="info-addr-text">地址：</span>
        			<input class="info-addr-ipt"  type="text" placeholder='点击地图按钮选择地址' />
        		</p>
        		<p class="info-card">
        			<span class="info-card-text">身份证号：</span>
        			<input class="info-card-ipt"  type="text" placeholder='请输入身份证号码' />
        		</p>
        	</div>
        	<div class="info-picture">
        		<div class="info-pic-positive">
        			<p>身份证证明照片：</p>
        			<img class="info-img" src="../assets/img/img_1.png" alt="" />
        		</div>
        		<div class="info-pic-negative">
        			<p>身份证反面照片：</p>
        			<img class="info-img"  src="../assets/img/img_1.png" alt="" />
        		</div>
        	</div>
        	<div class="info-form">
        		<p class="info-submit">
        			<router-link to='/PayDeposit'>下一步</router-link></p>
        	</div>
        </div> 
    </div>
</template>

<style scoped>
.register{
    height:100vh;
    width:100vw;    
}
.reg-head{
    background-color:white;
}
.info-box{
	margin:3px 8px 0px 8px;
	border-radius:6px;
	font-size: 1rem;
}
.info-txt{
	background-color: white;
	padding: 5px;
	border-radius: 6px;
	line-height: 40px;
}
.info-txt > p > span{
	display: inline-block;
	width:30%;
}
.info-txt > p > input{
	font-size: .8rem;
	display: inline-block;
	width:65%;
	border: none;
	outline: none;
}
.info-img{
	width: 80%;
}
.info-picture{
	margin-top: 3px;
	background-color: white;
	padding: 5px;
	border-radius: 6px;
}
.info-form{
	height: 60px;
	width: 100%;
	margin-top: 20px;
}
.info-picture > div >p{
	margin:10px 0px 10px 0px;
}
</style>